<template>
  <el-dialog width="70%" :visible.sync="visible" class="fullImage" :before-close="handleClose" :append-to-body="true"
             :close-on-click-modal="true">
    <img class="full-img" :src="store.state.imgUrl+url"/>
  </el-dialog>
</template>

<script>
import store from '@/store'

export default {
  name: "fullImage",
  data() {
    return {
      store: store
    }
  },
  methods: {
    handleClose() {
      this.$emit("close");
    }
  },
  props: {
    visible: {
      type: Boolean
    },
    url: {
      type: String
    }
  }
}
</script>

<style>
.full-img {
  width: 100%;
  height: 100%;
}

.fullImage .el-dialog__body {
  padding: 0px;
}

.fullImage .el-dialog__header {
  display: none;
}

</style>
